<template>
  <div
    class="paper-pre-modal cursor-pointer p-panel p-border-2 pos-rel clearfix"
  >
    <div class="create-year c-fff fz12">{{ paper_info.year }}年</div>
    <img
      class="paper-pic float-left"
      src="https://free.modao.cc/uploads3/images/2405/24054921/raw_1534560133.png"
      width="104"
    />
    <div class="fz16 paper-title">{{ paper_info.sj_name }}</div>
    <div class="c-aaa">
      题目数量：总共{{ paper_info.fz }}分，{{ paper_info.num }}道试题
    </div>
    <div class="c-aaa mt-8 l-height1">考试时长：{{ paper_info.sc }}分钟</div>
    <Button
      shape="circle"
      class="fz14 hollow-178fe6 p-y-3 solid-0084b3 exam-start-btn"
      @click="$router.push(`/paper_exam/${paper_info.lb_id}/${paper_info.id}`)"
      >开始做题
    </Button>
  </div>
  
</template>

<script>
export default {
  props: {
    paper_info: {
      type: Object,
      required: true,
    },
  },
};
</script>

<style scoped lang="scss">
.paper-pre-modal {
  padding: 32px 28px 32px 154px;
  font-size: 14px;
}

.create-year {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 16px;
  width: 60px;
  text-align: center;
  height: 16px;
  line-height: 16px;
  background-color: #ff6900;
}

.paper-pic {
  margin-left: -126px;
}

.main {
  .paper-title {
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 10px;
    min-height: 59px;
  }
  .exam-start-btn {
    position: absolute;
    bottom: 20px;
    right: 28px;
    width: 100px;
  }
}
</style>
